<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>

<!-- BASICS -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Mom's World - Giới thiệu</title>

<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/ico" href="Content/images/favicon.png" />

<link href="Content/css/vendor/bootstrap/bootstrap.min.css"
	rel="stylesheet">
<link
	href="Content/css/vendor/font-awesome-4.2.0/css/font-awesome.min.css"
	rel="stylesheet">
<link rel="stylesheet" href="Content/css/vendor/animate/animate.css">
<link rel="stylesheet" href="Content/css/vendor/bootstrap-checkbox.css">
<link rel="stylesheet"
	href="Content/js/vendor/text-rotator/css/simpletextrotator.css">

<!-- Important Owl stylesheet -->
<link rel="stylesheet"
	href="Content/js/vendor/owl-carousel/css/owl.carousel.css">
<link rel="stylesheet"
	href="Content/js/vendor/owl-carousel/css/owl.theme.css">
<link rel="stylesheet"
	href="Content/js/vendor/owl-carousel/css/owl.transitions.css">

<link rel="stylesheet"
	href="Content/js/vendor/nivo-lightbox/css/nivo-lightbox.css">
<link rel="stylesheet"
	href="Content/js/vendor/nivo-lightbox/css/themes/default/default.css"
	type="text/css" />


<!-- CUSTOM STYLE -->
<link rel="stylesheet" href="Content/css/main.css">
<link rel="stylesheet" href="Content/css/minimal.min.css">

</head>

<body>





	<!-- Preloader -->
	<div class="mask">
		<div id="loader"></div>
	</div>
	<!--/Preloader -->







	<!-- BEGIN NAVBAR -->
	<div class="navbar navbar-fixed-top" role="navigation"
		data-0="line-height:80px; height:80px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);"
		data-300="line-height:40px; height:40px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);">

		<div class="container">






			<!-- Branding -->
			<div class="navbar-header">
				<a class="navbar-brand" href="index.html"
					data-0="padding-top:23px;padding-left: 55px;background-position: 0 16px;background-size: 44px 44px;font-size: 24px;height: 80px;"
					data-300="padding-top: 10px;padding-left: 40px;background-position: 0 7px;background-size: 34px 34px;font-size: 16px; height: 50px;">
					<strong>W</strong>ORLD <span class="subheading"
					data-0="font-size: 11px;line-height: 13px;"
					data-300="font-size: 9px;line-height: 8px;">Thế giới của mẹ</span>
				</a>
				<div class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<a href="index.html#"> <i class="fa fa-bars"></i>
					</a>
				</div>
			</div>
			<!-- Branding end -->







			<!--.navbar-collapse -->
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">

					<li><a href="index.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Trang
							chủ</a></li>

					<li class="dropdown" data-init="onHover"><a
						href="pre-pregnancy.html" class="dropdown-toggle"
						data-toggle="dropdown"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Làm
							mẹ</a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="pre-pregnancy.html">Chuẩn bị mang thai</a></li>
							<li><a href="pregnancy.html">Mang thai</a></li>
							<li><a href="infants.html">Trẻ sơ sinh</a></li>
							<li><a href="parenting.html">Nuôi dạy trẻ</a></li>
						</ul></li>

					<li class="active"><a href="about.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Giới
							thiệu</a></li>

					<li><a href="contacts.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Liên
							hệ</a></li>
					<li><a href="advisory.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;">Tư
							vấn</a></li>

					<li class="login"><a href="login.html"
						data-0="padding: 30px 25px 22px;border-bottom-width:4px;"
						data-100="padding: 24px 25px 16px;border-bottom-width:3px;"
						data-200="padding: 15px 25px 12px;border-bottom-width:2px;"
						data-300="padding: 15px 25px 10px;border-bottom-width:1px;"><i
							class="fa fa-lock"></i> Đăng nhập | Đăng kí</a></li>

					<li class="search"><input type="text" placeholder="&#61442;"
						data-0="margin-top:23px" data-300="margin-top:10px"></li>
				</ul>
			</div>
			<!--/.navbar-collapse -->


		</div>

	</div>
	<!-- END NAVBAR -->









	<!-- BEGIN BREADCRUMBS -->
	<div id="breadcrumbs" class="breadcrumbs bg-1">
		<div class="container">

			<ol class="breadcrumb">
				<li><a href="index.html">Trang chủ</a></li>
				<li class="active">Giới thiệu</li>
			</ol>

			<h2>
				<strong>Giới thiệu</strong>
			</h2>

		</div>
	</div>
	<!-- END BREADCRUMBS -->








	<!-- WE ARE HERE -->
	<section class="section">
		<div class="container">
			<div class="row">

				<div class="col-md-12">

					<h1 class="headline">
						Chúng tôi đã tham gia, <strong> Còn bạn?</strong>
					</h1>

					<p class="lead text-center">Điền nội dung vào đây</p>

					<div class="row">

						<div class="col-sm-6">
							<div class="block appear-el" data-animation="fadeInLeft">

								<h3 class="uppercase">
									Giới thiệu về<strong> chúng tôi</strong>
								</h3>

								<p>Điền nội dung vào đây</p>

								<p>Điền nội dung vào đây</p>

							</div>
						</div>

						<div class="col-sm-6">
							<div class="block appear-el" data-animation="fadeInRight">

								<h3 class="uppercase">
									Những gì <strong>Bạn</strong> có thể làm?
								</h3>

								<ul class="media-list">

									<li class="media">
										<div class="pull-left media-icon">
											<i class="media-object fa fa-graduation-cap" style="padding-left: 2px"></i>
										</div>
										<div class="media-body">
											<h5 class="media-heading">
												Nâng cao<strong> kiến thức</strong>
											</h5>
											<p>Điền nội dung vào đây</p>
										</div>
									</li>

									<li class="media">
										<div class="pull-left media-icon">
											<i class="media-object fa fa-comments"
												style="padding-left: 2px"></i>
										</div>
										<div class="media-body">
											<h5 class="media-heading">
												Nhận được <strong>trợ giúp từ đội tư vấn</strong>
											</h5>
											<p>Điền nội dung vào đây</p>
										</div>
									</li>

									<li class="media">
										<div class="pull-left media-icon">
											<i class="media-object fa fa-tachometer" style="padding-left: 2px"></i>
										</div>
										<div class="media-body">
											<h5 class="media-heading">
												<strong>Theo dõi </strong>quá trình mang thai, nuôi con
											</h5>
											<p>Điền nội dung vào đây</p>
										</div>
									</li>

									<li class="media">
										<div class="pull-left media-icon">
											<i class="media-object fa fa-file-text-o" style="padding-left: 2px"></i>
										</div>
										<div class="media-body">
											<h5 class="media-heading">
												<strong>Kiểm tra </strong>Kiến thức của mình
											</h5>
											<p>Điền nội dung vào đây</p>
										</div>
									</li>

								</ul>

							</div>
						</div>


					</div>

				</div>

			</div>
		</div>
	</section>
	<!-- END WE ARE HERE -->





	<!-- SEPARATOR -->
	<div class="separator"></div>
	<!-- END SEPARATOR -->









	<!-- WHAT WE DO/CLIENTS -->
	<section class="section no-top-padding">
		<div class="container">
			<div class="row">

				<div class="col-sm-6">
					<div class="block appear-el" data-animation="fadeInDown">

						<h3 class="uppercase no-top-margin">
							<strong>Chúng tôi</strong> làm những gì ?
						</h3>

						<div class="panel-group accordion" id="accordion">
							<div class="panel panel-theme active">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordion"
											href="about.html#collapseOne"> Cập nhật <strong>thông
												tin, kiến thức</strong>
										</a>
									</h4>
								</div>
								<div id="collapseOne" class="panel-collapse collapse in">
									<div class="panel-body">Điền nội dung vào đây</div>
								</div>
							</div>
							<div class="panel panel-theme">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordion"
											href="about.html#collapseTwo"> <strong>Theo dõi
												và thông báo </strong>tin tức cho người dùng
										</a>
									</h4>
								</div>
								<div id="collapseTwo" class="panel-collapse collapse">
									<div class="panel-body">Điền nội dung vào đây</div>
								</div>
							</div>
							<div class="panel panel-theme">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordion"
											href="about.html#collapseThree"> <strong>Tư vấn
												và Hỗ trợ</strong>
										</a>
									</h4>
								</div>
								<div id="collapseThree" class="panel-collapse collapse">
									<div class="panel-body">Điền nội dung vào đây</div>
								</div>
							</div>
						</div>


					</div>
				</div>

				<div class="col-sm-6">
					<div class="block appear-el" data-animation="fadeInUp"
						id="clients-feedback">

						<div
							class="btn-group custom-navigation circle-navigation with-heading no-top-margin">
							<h3 class="uppercase no-top-margin">
								<strong>Châm ngôn </strong>của chúng tôi
							</h3>
							<button type="button" class="btn prev">
								<i class="fa fa-angle-left"></i>
							</button>
							<button type="button" class="btn next">
								<i class="fa fa-angle-right"></i>
							</button>
						</div>

						<div class="owl-carousel owl-theme">

							<div class="item">
								<blockquote class="testimonial corner-flip">Điền
									nội dung vào đây</blockquote>

								<div class="testimonial-author">
									<img src="Content/images/clients/random-avatar1.jpg" alt=""
										class="img-circle">
									<div>
										<h4>
											<strong>John</strong> Douey
										</h4>
										<span><strong>CEO</strong> Lorem Company</span>
									</div>
								</div>
							</div>

							<div class="item">
								<blockquote class="testimonial corner-flip">Điền
									nội dung vào đây</blockquote>

								<div class="testimonial-author">
									<img src="Content/images/clients/random-avatar2.jpg" alt=""
										class="img-circle">
									<div>
										<h4>
											<strong>Peter</strong> McKay
										</h4>
										<span><strong>CEO</strong> Lorem Company</span>
									</div>
								</div>
							</div>

							<div class="item">
								<blockquote class="testimonial corner-flip">Điền
									nội dung vào đây</blockquote>

								<div class="testimonial-author">
									<img src="Content/images/clients/random-avatar3.jpg" alt=""
										class="img-circle">
									<div>
										<h4>
											<strong>Joseph</strong> Fidz
										</h4>
										<span><strong>CEO</strong> Lorem Company</span>
									</div>
								</div>
							</div>

							<div class="item">
								<blockquote class="testimonial corner-flip">Điền
									nội dung vào đây</blockquote>

								<div class="testimonial-author">
									<img src="Content/images/clients/random-avatar4.jpg" alt=""
										class="img-circle">
									<div>
										<h4>
											<strong>Ken</strong> Hunt
										</h4>
										<span><strong>CEO</strong> Lorem Company</span>
									</div>
								</div>
							</div>

						</div>

					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- WHAT WE DO/CLIENTS -->








	<!-- SEPARATOR -->
	<div class="separator"></div>
	<!-- END SEPARATOR -->







	<!-- OUR TEAM -->
	<section class="section">
		<div class="container">
			<div class="row">

				<div class="col-md-12">
					<div class="block appear-el" data-animation="fadeIn">

						<h3 class="uppercase no-top-margin">
							Nhóm <strong>Chúng tôi</strong>
						</h3>

						<div class="row">

							<div class="col-md-3 col-xs-6 col-xxs-12">
								<div class="team-avatar">
									<img src="Content/images/clients/random-avatar5.jpg" alt=""
										class="img-responsive">
									<h4>
										<strong>Imrich</strong> Kamarel
									</h4>
									<span>CEO</span>
								</div>
								<div class="team-note">
									<p>Điền mô tả vào đây</p>
									<div class="social">
										<a href="about.html#" style="padding-left: 14px"> <i
											class="fa fa-facebook"></i>
										</a> <a href="about.html#"> <i class="fa fa-twitter"></i>
										</a> <a href="about.html#"> <i class="fa fa-google-plus"></i>
										</a>
									</div>
								</div>
							</div>

							<div class="col-md-3 col-xs-6 col-xxs-12">
								<div class="team-avatar">
									<img src="Content/images/clients/random-avatar6.jpg" alt=""
										class="img-responsive">
									<h4>
										<strong>John</strong> Katolda
									</h4>
									<span>Chef Designer</span>
								</div>
								<div class="team-note">
									<p>Điền mô tả vào đây</p>
									<div class="social">
										<a href="about.html#" style="padding-left: 14px"> <i
											class="fa fa-facebook"></i>
										</a> <a href="about.html#"> <i class="fa fa-twitter"></i>
										</a> <a href="about.html#"> <i class="fa fa-google-plus"></i>
										</a>
									</div>
								</div>
							</div>

							<div class="col-md-3 col-xs-6 col-xxs-12">
								<div class="team-avatar">
									<img src="Content/images/clients/random-avatar7.jpg" alt=""
										class="img-responsive">
									<h4>
										<strong>Frank</strong> Sinatrich
									</h4>
									<span>Junior Designer</span>
								</div>
								<div class="team-note">
									<p>Điền mô tả vào đây</p>
									<div class="social">
										<a href="about.html#" style="padding-left: 14px"> <i
											class="fa fa-facebook"></i>
										</a> <a href="about.html#"> <i class="fa fa-twitter"></i>
										</a> <a href="about.html#"> <i class="fa fa-google-plus"></i>
										</a>
									</div>
								</div>
							</div>

							<div class="col-md-3 col-xs-6 col-xxs-12">
								<div class="team-avatar">
									<img src="Content/images/clients/random-avatar8.jpg" alt=""
										class="img-responsive">
									<h4>
										<strong>Anna</strong> Opichia
									</h4>
									<span>Assistant</span>
								</div>
								<div class="team-note">
									<p>Điền mô tả vào đây</p>
									<div class="social">
										<a href="about.html#" style="padding-left: 14px"> <i
											class="fa fa-facebook"></i>
										</a> <a href="about.html#"> <i class="fa fa-twitter"></i>
										</a> <a href="about.html#"> <i class="fa fa-google-plus"></i>
										</a>
									</div>
								</div>
							</div>

						</div>

					</div>
				</div>


			</div>
		</div>
	</section>
	<!-- END OUR TEAM -->







<!-- FOOTER -->
	<footer id="footer">

		<div class="footer-main">
			<div class="container">
				<div class="row">

					<div class="col-md-4">

						<div class="widget widget-about">
							<img class="img-responsive" src="Content/images/slider/1.png"
								style="max-width: 80%;">
							<h1>
								<strong>Mom's </strong>World
							</h1>
						</div>



					</div>
					<div class="col-md-4">
						<div class="widget widget-photo-stream">
							<h4>
								Ảnh<strong> mới</strong>
							</h4>

							<div class="flickr-feed"></div>
							<a class="btn btn-green" href="Gallery.html">Xem thêm</a>

						</div>
					</div>

					<div class="col-md-4">

						<div class="widget widget-contact">
							<h4>
								<strong>Liên hệ</strong> với chúng tôi
							</h4>
							<address>
								<strong>Địa chỉ :</strong> FPT_University - Đà Nẵng<br> <strong>Điện
									thoại :</strong> +84 01655757445<br> <strong>Email:</strong> <a
									href="mailto:exc-group@gmail.com">exc-group@gmail.com</a><br>
							</address>
						</div>

						<div class="widget widget-social">
							<a href="index.html#"> <span class="overlay bg-cyan"></span>
								<i class="fa fa-twitter" style="padding-left: 10px;"></i>
							</a> <a href="index.html#"><span class="overlay bg-blue"></span><i
								class="fa fa-facebook" style="padding-left: 14px;"></i></a> <a
								href="index.html#"><span class="overlay bg-red"></span><i
								class="fa fa-google-plus" style="padding-left: 10px;"></i></a> <a
								href="index.html#"><span class="overlay"></span><i
								class="fa fa-flickr" style="padding-left: 10px;"></i></a> <a
								href="index.html#"><span class="overlay bg-hotpink"></span><i
								class="fa fa-dribbble" style="padding-left: 10px;"></i></a>
						</div>

						<div class="widget widget-newsletter">

							<h4>
								<strong>Nhận bản tin</strong>
							</h4>
							<p>Theo dõi bản tin của chúng tôi và luôn cập nhật các tin
								tức mới nhất !</p>

							<div class="input-group">
								<input type="text" class="form-control"
									placeholder="NHập địa chỉ email của bạn"> <span
									class="input-group-btn">
									<button class="btn btn-theme" type="button">Đăng kí</button>
								</span>
							</div>

						</div>

					</div>

				</div>
			</div>
		</div>

		<div class="footer-bottom">
			<div class="container">
				<div class="row">

					<div class="col-md-12 copyright">
						&copy; Copyright 2014 by <a href="index.html#">KhoaHN</a>. All
						Rights Reserved.
					</div>
				</div>
			</div>
		</div>

	</footer>
	<!-- END FOOTER -->






	<!-- SCROLL TOP -->
	<div class="scroll-top">
		<a href="about.html#"> <i class="fa fa-angle-up"></i>
		</a>
	</div>
	<!-- END SCROLL TOP -->











	<script src="Content/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="https://code.jquery.com/jquery.js"></script>

	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="Content/js/vendor/bootstrap/bootstrap.min.js"></script>

	<script src="Content/js/vendor/skrollr/skrollr.min.js"></script>

	<script
		src="Content/js/vendor/text-rotator/jquery.simple-text-rotator.js"></script>

	<script src="Content/js/vendor/owl-carousel/owl.carousel.min.js"></script>

	<script src="Content/js/vendor/nivo-lightbox/nivo-lightbox.min.js"></script>

	<script src="Content/js/vendor/tweet-js/jquery.tweet.min.js"></script>

	<script src="Content/js/vendor/vticker/jquery.vticker.min.js"></script>

	<script src="Content/js/vendor/jflickrfeed/jflickrfeed.min.js"></script>

	<script src="Content/js/vendor/appear/jquery.appear.js"></script>

	<script src="Content/js/vendor/parallax/jquery.parallax-1.1.3.js"></script>

	<script src="http://maps.google.com/maps/api/js?sensor=false"
		type="text/javascript"></script>

	<script src="Content/js/minimal.min.js"></script>

	<script>
		$(function() {
			//accordion class active toggling
			$('#accordion .panel-heading .panel-title a').click(function() {

				var $previous = $('#accordion .panel.active');

				$previous.removeClass('active');
				$(this).parent().parent().parent().stop().addClass('active');

				if ($(this).parent().parent().parent().hasClass('active')) {
					$previous.removeClass('active');
				}
			});
		})
	</script>

</body>
</html>